<template>
    <div>
        <div  id="conxx">
            <canvas class="draw-pan"></canvas>
        </div>
        <div id="screenshot-container"></div>
    </div>

</template>

<script>
    import html2canvas from "html2canvas";

    export default {
        name: "ddd",
        methods:{
            ddd:function(){
                html2canvas(document.getElementById("conxx")).then(function(canvas) {
                    canvas.id="ddd";
                    document.getElementById("screenshot-container").appendChild(canvas);
                    console.log("ddddddd");
                });
            }
        },
        mounted(){
            this.ddd();
        },
        created(){

        }
    }
</script>

<style scoped>
    .draw-pan{
        width: 400px;
        height: 800px;
        border: 1px solid red;
    }
    #ddd{
        width: 1000px !important;
        height: 600px !important;
        border: 1px solid blue !important;
        background: #659c9e !important;
    }
</style>